<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>农业物联网系统</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div>
        <div class="title">
            <h2>农业物联网系统</h2>
        </div>
        <div class="main">
            <table>
                <tr>
                    <td>类型</td>
                    <td>数值/状态</td>
                    <td>设备控制/历史数据</td>
                </tr>
                <tr>
                    <td>温度</td>
                    <td id="temp"></td>
                    <td>
                        <button onclick="window.location.href='queryAll'">根据时间查询</button>
                    </td>
                </tr>
                <tr>
                    <td>湿度</td>
                    <td id="hum"></td>
                    <td>
                        <button onclick="window.location.href='queryTemp'">根据温湿度查询</button>
                    </td>
                </tr>
                <tr>
                    <td>光照度</td>
                    <td id="light"></td>
                    <td>
                        <button onclick="window.location.href='queryLight'">根据光照度查询</button>
                    </td>
                </tr>
                <tr>
                    <td>风扇1</td>
                    <td id="fan"></td>
                    <td class="css01">
                            <button onclick="fengshanOpen()">打开</button>
                            <button onclick="fengshanClose()">关闭</button>
                    </td>
                </tr>
                <tr>
                    <td>风扇2</td>
                    <td id="fan2"></td>
                    <td class="css01">
                            <button onclick="fengshanOpen2()">打开</button>
                            <button onclick="fengshanClose2()">关闭</button>
                    </td>
                </tr>
                <tr>
                    <td>步进电机</td>
                    <td id="dianji"></td>
                    <td class="css01">
                            <button onclick="open_method3()">正转</button>
                            <button onclick="open_method4()">反转</button>
                            <button onclick="open_method40()">停止</button>
                    </td>
                </tr>
                <tr>
                    <td>可调灯</td>
                    <td id="lightChange"></td>
                    <td class="css01">
                            <button onclick="open_method5()">打开</button>
                            <button onclick="open_method6()">关闭</button>
                    </td>
                </tr>
                <tr>
                    <td>模式切换</td>
                    <td id="autoControl"></td>
                    <td class="css01">
                            <button onclick="open_method7()">自动</button>
                            <button onclick="open_method8()">手动</button>
                    </td>
                </tr>
                <tr>
                    <td>温度预警阀值1</td>
                    <td id="wen1"></td>
                    <td>
                        <input id="max1" type="text">℃
                        <button onclick="submitBtn1()">设定</button>
                    </td>
                </tr>
                <tr>
                    <td>温度预警阀值2</td>
                    <td id="wen2"></td>
                    <td>
                        <input id="max2" type="text">℃
                        <button onclick="submitBtn2()">设定</button>
                    </td>
                </tr>
                <tr>
                    <td>光照度预警阀值</td>
                    <td id="wen3"></td>
                    <td>
                        <input id="max3" type="text">℃
                        <button onclick="submitBtn3()">设定</button>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!--echarts图表-->
    <div id="line"></div>
    <div id="line1"></div>
    <div id="line2"></div>
    <!-- 历史数据-->
</body>
<script src="js/jquery-3.1.0.min.js"></script>
<script src="js/echarts5.2.1.min.js"></script>
<script src="js/axios.min.js"></script>
<script src="js/sockjs.min.js"></script>
<script src="js/stomp.min.js"></script>
<script src="js/index.js"></script>
<script src="js/vue.js"></script>
<script src="js/pageHelper.js"></script>

</html>


